<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:wicket="http://wicket.apache.org/" xml:lang="en" lang="en">

<head></head>

<body>
	<wicket:extend>


		<!-- Seção dos Filtros -->
		<form wicket:id="mainForm">
			<div class="filters">
				<div class="header">
					<span>Pesquisa de Especificações de Agendamento</span>
				</div>
				<fieldset class="fields">
					<table class="table_fields">
						<tr>
							<td width="3%"><label>Sistema:</label></td>
							<td width="20%"><input name="sistema" type="text"
								class="texto" id="sistema" size="30" wicket:id="sistema" /></td>
							<td width="3%"><label>Ação:</label></td>
							<td width="20%"><input name="acao" type="text" class="texto"
								id="acao" size="30" wicket:id="acao" /></td>
						</tr>
					</table>
				</fieldset>
				<!-- Seção das Mensagens de Erro/Feedback -->
				<div class="feedback" wicket:id="feedback">feedback here</div>
				<div class="buttons">
					<input type="submit" class="botao" value="Pesquisar" id="pesquisar" />
					<input type="button" class="botao" id="btnExecutar"
						value="Executar" wicket:id="btnExecutar" />
				</div>
			</div>
		</form>
		<!-- Seção do Resultado da Pesquisa -->
		<div class="results">
			<div class="results_header">
				<span>Grid de Especificações de Agendamento</span>
			</div>

			<div class="results_container">
				<!-- Tabela dos Resultados -->
				<table class="results_table">

					<!-- Cabeçalho da Tabela -->
					<thead class="thead_results">
						<tr>
							<th class="th_headers"></th>
							<th class="th_headers"><span>Sistema</span></th>
							<th class="th_headers"><span>Ação</span></th>
							<th class="th_headers"><span>Status</span></th>
							<th class="th_headers"><span>Emissor</span></th>
							<th class="th_headers"><span>Codificação</span></th>
							<th class="th_headers"><span>Modelo</span></th>
							<th class="th_headers"><span>Data Execução</span></th>
							<th class="th_headers"></th>
							<th class="th_headers"></th>
						</tr>
					</thead>

					<!-- Rodapé da Tabela -->
					<tbody class="tbody_results">
						<tr wicket:id="hydraScheduledSpecificationList">
							<td><input class="checkCell" type="checkbox"
								wicket:id="lstSelecaoScheduledSpecification" align="center" /></td>
							<td><span wicket:id="lstSistema" /></td>
							<td><span wicket:id="lstAcao" /></td>
							<td><span wicket:id="lstStatus" /></td>
							<td><span wicket:id="lstEmissor" /></td>
							<td><span wicket:id="lstCodificacao" /></td>
							<td><span wicket:id="lstModelo" /></td>
							<td><input name="lstTxtDataExecucao" type="text"
								class="data" id="lstTxtDataExecucao" size="10"
								wicket:id=lstTxtDataExecucao /></td>
							<td>
								<div wicket:id="modalPanelDetalhe" /> <a
								wicket:id="lstBtnDetalheScheduledSpecification"> <img
									wicket:id="imgDetalheHydraSchedule" width="16" height="16"
									alt="Detalhe" />
							</a>
							</td>
							<td><a wicket:id="lstBtnGoRequestsSchdSpec"> <img
									wicket:id="imgRequestsHydraSchedule" width="16" height="16"
									alt="Lista Resquests" />
							</a></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

	</wicket:extend>
</body>
</html>